<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Test Bootstrap 3</title>
	<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

	<div class="container">
		
		<!--TOP HEADER-->
		<div class="row">
			<div class="col-lg-6">
				<img src="media/Logo Trans/Woori type 2 extra.png">
			</div>
			<div class="col-lg-2 col-lg-offset-4">
				<div class="row">
					<div class="col-lg-12">
						<div class="text-right">
							<span><strong>Language&nbsp;</strong></span>
							<img src="media/Icon/Vietnam-icon.png">
							<img src="media/Icon/Canada-icon.png">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						&nbsp;
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						<div class="text-right">
							<button type="button" class="btn btn-default" style="width:80px;">Login</button>
							<button type="button" class="btn btn-default" style="width:80px;">Register</button>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						&nbsp;
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						<div class="text-right">
							<span><strong>Welcome</strong>, Guest</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--END TOP HEADER-->
		
		<div class="framebody">
		<!--TOP MENU-->
		<div class = "topmenu">
			<div class="row">
				<div class="col-lg-1">
					<div class="menu-text text-center text-white">
						<span><strong>HOME</strong></span>
					</div>
				</div>
				<div class="col-lg-1">
					<div class="menu-text text-center text-white">
						<span><strong>CONTACT</strong></span>
					</div>
				</div>
				<div class="col-lg-1">
					<div class="menu-text text-center text-white">
						<span><strong>ABOUT</strong></span>
					</div>
				</div>
				<div class="col-lg-2 col-lg-offset-7">
					<div class="menu-btn text-center">
						<button type="button" class="btn btn-danger btn-post">POST ENTRY</button>
					</div>
				</div>
			</div>
		</div>
		
		<div class="topmenu-line-ex">
			<div class="row">
				<div class="col-lg-1">
					<div class="line-active"></div>
				</div>
			</div>
		</div>
		<!--TOP MENU END-->
		
		<!--CONTENT-->
		
		<div class="content">
			<div class="row">

				<!--LEFT BLOCK-->
				<div class="col-lg-2">
					<div class="title-bar text-white">
						<div class="row">
							<div class="col-lg-11 col-lg-offset-1">
								<span><strong>Select Location</strong></span>
							</div>
						</div>
					</div>
					<div class="display">
						<div class="row">
							<div class="col-lg-12">
								<span><strong>Content Block</strong></span>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12">
								<span><strong>Content Block</strong></span>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12">
								<span><strong>Content Block</strong></span>
							</div>
						</div>
					</div>
				</div>
				<!--LEFT BLOCK END-->

				<!--CENTER BLOCK-->
				<div class="col-lg-8">
					<!--TOP CENTER-->
					<div class="row">
						<div class="col-lg-12">
							<div class="title-bar text-white">
								<div class="row">
									<div class="col-lg-3">
										<div class="row">
											<div class="col-lg-11 col-lg-offset-1">
												<span><strong>Option</strong></span>
											</div>
										</div>
										
									</div>
								
								</div>
							</div>
							<div class="display">
								<div class="row">
									<div class="col-lg-12">
										<span><strong>Content</strong></span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--TOP CENTER END-->

					<div style="margin-top:30px;">
					<!--BOTTOM CENTER-->
					<div class="row">
						<div class="col-lg-12">
							<div class="title-bar text-white">
								<div class="row">
									<div class="col-lg-3">
										<div class="row">
											<div class="col-lg-11 col-lg-offset-1">
												<span><strong>Entries List</strong></span>
											</div>
										</div>
										
									</div>
								
								</div>
							</div>
							<div class="display">
								<div class="row">
									<div class="col-lg-12">
										<span><strong>Content</strong></span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--BOTTOM CENTER END-->
					</div>

				</div>
				<!--CENTER BLOCK END-->
				
				<!--RIGHT BLOCK-->
				<div class="col-lg-2">
					<div class="title-bar text-white">
						<div class="row">
							<div class="col-lg-11 col-lg-offset-1">
								<span><strong>Select Location</strong></span>
							</div>
						</div>
					</div>
					<div class="display">
						<div class="row">
							<div class="col-lg-12">
								<span><strong>Content Block</strong></span>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12">
								<span><strong>Content Block</strong></span>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12">
								<span><strong>Content Block</strong></span>
							</div>
						</div>
					</div>
				</div>
				<!--RIGHT BLOCK END-->

			</div>
		</div>
		
		<!--CONTENT END-->

		<!--BOTTOM-->
		<div class="bottom-line-ex">
			<div class="row">
				
			</div>
		</div>
		<div class="bottom">
			<div class="row">
				<div class="col-lg-2 col-lg-offset-1">
					<div class="bottom-block">
						<div class="row">
							<div class="col-lg-12">
								<div class="text-center">
									<span><strong>SOCIAL</strong></span>
								</div>
							</div>
							<div class="col-lg-12">
								<hr>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<img src="media/Icon/facebook-icon.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<span>Facebook</span>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<img src="media/Icon/Web-Google-plus-alt-Metro-icon.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<span>Google Plus</span>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<img src="media/Icon/twitter-icon.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<span>Twitter</span>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-lg-3">
					<div class="bottom-block">
						<div class="row">
							<div class="col-lg-12">
								<div class="text-center">
									<span><strong>SUPPORT</strong></span>
								</div>
							</div>
							<div class="col-lg-12">
								<hr>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<img src="media/Icon/Yahoo-Messenger-icon.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<span>wooriymsupport(Person A)</span>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<img src="media/Icon/skype-icon.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<span>wooriskpsupport(Person B)</span>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<img src="media/Icon/MetroUI-Other-Phone-icon.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<span>+1 123 456 789 001</span>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-lg-3">
					<div class="bottom-block">
						<div class="row">
							<div class="col-lg-12">
								<div class="text-center">
									<span><strong>OTHERS</strong></span>
								</div>
							</div>
							<div class="col-lg-12">
								<hr>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<hr>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<hr>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<hr>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="col-lg-2">
					<div class="bottom-block">
						<div class="row">
							<div class="col-lg-12">
								<div class="text-center">
									<span><strong>DEVELOPMENT</strong></span>
								</div>
							</div>
							<div class="col-lg-12">
								<hr>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<span><strong>Develop:</strong> KNS Team</span>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<span>knsoftwaredev@gmail.com</span>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<span><strong>Address: </strong>Ho Chi Minh City, Vietnam</span>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="bottom-line">
									<span><strong>Tel: </strong>+84 974 226440</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="bottom-block text-center">
						<span>Copyright &copy; 2015 Woori Vietnam</span>
					</div>
				</div>
			</div>
		</div>
		<!--BOTTOM END-->
		</div>

		

	</div>

	<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>